<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>尚合</title>
		<style>
		    .head{		
				width: 980px;
				height: 100px;
				margin: 0 auto;
				position: relative;
		    }
			.logo{
				float: left;
				top: 20px;
				left: 20px;
				background-color: white;
				margin-top: 10px;
			}
			.div1{
				width: 150px;
				height: 24px;
				float: left;
			}
			.div2{
				width: 30px;
				height: 30px;
				background: url(../img/search2.jpg);
				float: right;
			}
			.search{
				position: absolute;
				top: 10px;
				right: 10px;
				border: 1px solid gainsboro;
			}
			.nav{
				margin: 10px auto;
				height: 50px;
				width: 980px;
				float: left;
				background: url(../img/nav_bg.png);
				border: 1px solid gainsboro;
			}
			ul li{
				list-style: none;
			}
			.nav ul li a{
				height: 50px;
				margin-top: -15px;
				color: black;
                font-style: 宋体;
				float: left;
				line-height: 50px;
				/* 让文字间产生距离*/
				padding: 0px 40px;
				font-size: 15px;
				/* 去A标签的下线*/
				text-decoration: none;
				display: inline-block;
				font-weight: 700;
				background: url(../img/nav_bg-line.png) no-repeat right top;
			}
			.nav li a:hover{
				color: greenyellow;
			}
			.mid{
				width: 1000px;
				margin: 0px auto;
			}
			.ad{
				height: 30px;
				background-color: whitesmoke;
				border-bottom: 1px solid gainsboro;
				border-top: 1px solid gainsboro;
			}
			.div3{
				margin: -20px 20px;
				float:left;
			}
			.div4{
				float: right;
				margin: 8px 20px;
			}
			.product{
				width: 300px;
				height: 200px;
				border: 1px solid gainsboro;
				margin: 20px 20px;
				position: relative;
			}
			.div5{
				float: left;
				font-size: 10px;
				color: greenyellow;
				margin: 10px 5px;
			}
			.pic1{
				position: absolute;
				left:50px;
				top:30px;

			}
			.pic2{
				position: absolute;
				left:23px;
				top:100px;
				
			}
			.pic3{
				position: absolute;
				right:23px;
				top:100px;
			}
			.center{
				height: 200px;
				width: 350px ;
				border:1px solid gainsboro;
				position: absolute;
				top:780px;
				left:340px;
			}
			.div5{
				float: left;
				font-size: 10px;
				color: greenyellow;
				margin: 10px 5px;
			}
			.div6{
				float: left;
				margin: -10px 0px 0px -20px;
				
			}
			.div6 li{
				font-size: 10px;
				height: 25px;
				border-bottom:1px dashed gainsboro;
				line-height: 30px;
				font-weight: 700px;
			}
			.div7{
				color:red;
				font-weight: 700;
			}
			.technology{
				width: 250px;
				height: 200px;
				border: 1px solid gainsboro;
				float: left;
				position: absolute;
				top:780px;
				left:710px;
				font-size: 10px;
			}
			.div8{
				float: left;
				font-size: 10px;
				color: greenyellow;
				margin: 10px 5px;
			}
			.pub{
				height: 14px;
				border-left: 3px solid green;
				margin-top:10px;
				margin-left:28px;
			}
			.pub1{
				height: 14px;
				border-left: 3px solid green;
				margin-top:38px;
				margin-left:28px;
			}
			.div9{
				margin-top:20px;
				margin-left:28px;
			}
			.foot{
				width: 980px;
				height: 200px;
				background-color: #2D2D2D;
				border-bottom:1px dashed #707070;
			}
			.footed{
				width: 980px;
				margin:0 auto;
				font-size: 10px;
			}
			.footed dl{
				float: left;
				margin-top:20px;
				margin-left:20px;
			}
			.footed dd{
				color:#C7C7C7;

			}
			.footed dt{
				margin-top:20px;
				color:#707070;
				margin-left:40px;
			}
			.bottom{
				font-size:10px;
				width: 980px;
				height: 54px;
				background-color:#2D2D2D;
				text-align: center;
				padding-top:10px;
			}
		</style>
	</head>
	<body>
		<div class="head">
			<div class="logo"><img src="../img/logo.jpg"</div>
			<div class="search">
				<input type="text" class="div1" value="请输入..." />
				<input type="button" class="div2" />
			</div>
		</div>
		<div class="nav">
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">智能手机</a></li>
				<li><a href="#">平板电脑</a></li>
				<li><a href="#">配件</a></li>
				<li><a href="#">服务支持</a></li>
				<li><a href="#">关于尚合</a></li>
			</ul>
		</div>
		<div class="mid">
			<img src="../img/banner.jpg" />
		</div>
		<div class="ad">
			<div class="div3">
				<h6>最新公告：尚合Aone智能手机入网证已获取工信部门审批下发。尚合官网</h6>
			</div>
			<div class="div4">
				<img src="../img/zone.png" />
				<img src="../img/weibo.png" />
				<img src="../img/xinlang.png" />
				<img src="../img/renren.png" />
			</div>
		</div>
		<div class="news">
			<div class="product">
				<div class="div5">
					<img src="../img/o.jpg" />新品发布
				</div>
				<div class="pic1"><img src="../img/home_hot_01.png" /></div>
				<div class="pic2"><img src="../img/left.png" /></div>
				<div class="pic3"><img src="../img/right.png" /></div>	
			</div>
			<div class="center">
				<div class="div5">
					<img src="../img/o.jpg">新闻中心
				</div>
				<ul class="div6">
			    <li class="div7">致歉公告</li>
			    <li>首批尚合Aonet已全部售馨!</li>
			    <li>【媒体报导】国产高性价比 尚合Aonet四核手机评测</li>
			    <li>我司产品已经通过了国家强制性产品3C认证</li>
			    <li>尚合Aone智能手机入网证已经获工信部门审批下发.</li>
			    <li>我司通过ISO9001:2008国际质量管理体系认证</li>
		        </ul>
			</div>
			<div class="technology">
				<div class="div8">
					<img src="../img/o.jpg" />技术与支持
				</div>
				<div class="pub1">售后服务</div>
				<div class="pub">投诉与建议</div>
				<div class="pub">联保网店</div>
				<div class="pub">常见问题</div>
				<div class="div9">
				<p>深圳市汇聚众合科技发展有限公司</p>
				<p>服务热线：400-633-7922</p>
				</div>
			</div>
		</div>
		<div class="foot">
			<div class="footed">
			<dl>
				<dd>尚合首页</dd>
				<dt>返回首页</dt>
			</dl>
			<dl>
				<dd>尚合首页</dd>
				<dt>返回首页</dt>
			</dl>
			<dl>
				<dd>尚合首页</dd>
				<dt>返回首页</dt>
			</dl>
			<dl>
				<dd>尚合首页</dd>
				<dt>返回首页</dt>
			</dl>
		</div>
		</div>
		<div class="bottom">
			<p>深圳市会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司深圳市<br>会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司</p>
		</div>
	</body>
</html>
